<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="css/icons.css" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" type="text/css" href="css/main.css"  />
        <link rel="stylesheet" type="text/css" href="css/appframework.css"  />
        <link rel="stylesheet" type="text/css" href="css/lists.css"  />
        <link rel="stylesheet" type="text/css" href="css/forms.css"  />
        <link rel="stylesheet" type="text/css" href="css/buttons.css"  />
        <link rel="stylesheet" type="text/css" href="css/badges.css"  />
        <link rel="stylesheet" type="text/css" href="css/grid.css"  />
        
        
        <link rel="stylesheet" type="text/css" href="css/bb.css"  />

        
        <link rel="stylesheet" type="text/css" href="plugins/css/af.actionsheet.css"  />
        <link rel="stylesheet" type="text/css" href="plugins/css/af.popup.css"  />
        <link rel="stylesheet" type="text/css" href="plugins/css/af.scroller.css"  />
        <link rel="stylesheet" type="text/css" href="plugins/css/af.selectBox.css"  />
        <script type="text/javascript" charset="utf-8" src="./js/jquery2.1.js"></script>
        <script type="text/javascript" charset="utf-8" src="./js/jq.appframework.js"></script>
        
        <script type="text/javascript" charset="utf-8" src="./plugins/af.actionsheet.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.css3animate.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.passwordBox.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.scroller.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.selectBox.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.touchEvents.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.touchLayer.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.popup.js"></script>
        
        <script type="text/javascript" charset="utf-8" src="./ui/appframework.ui.js"></script>
        <!-- <script type="text/javascript" charset="utf-8" src="./ui/transitions/all.js"></script> -->
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/fade.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/flip.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/pop.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/slide.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideDown.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideUp.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.slidemenu.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script language="javascript" src="./js/myjs.js"></script>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=8d70dc8b325b2b7a3e9e8537680d3a28"></script>
        <script type="text/javascript">
             //实现侧栏滚动和滑动手势
            if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
                var script = document.createElement("script");
                script.src = "plugins/af.desktopBrowsers.js";
                var tag = $("head").append(script);
                //$.os.desktop=true;
            }
        
        //默认关闭侧栏菜单  
        $.ui.splitview=false; 
        

        </script>
        <style type="text/css">
          body, html,#sign {width: 100%;height: 70%;overflow: hidden;margin:0;font-family:"微软雅黑";}
        </style>

    </head>
<body>
    <div id="afui">
		<!-- 所有内容在此div中 -->
        <div id="content">
			
            <div id="report" class="panel"  selected="true" data-header="headerReport" data-footer="footer" data-tab="footerReport">
 				<form>
 					<br>
 					工作计划<br><br>
 					<textarea rows="6" cols="10"></textarea><br><br>
 					工作汇报<br><br>
 					<textarea rows="6" cols="10"></textarea><br><br>
 					<input type="submit" value="提 交" class="btn btn-primary">
 				
 				</form>
            </div>
            <div id="view" class="panel" data-header="headerReport" data-footer="footer" data-tab="footerView">
 				<!-- 上拉下拉刷新界面js -->
                <script>
                var myScroller;
                $.ui.ready(function () {
                   myScroller = $("#view").scroller();
                   //上拉刷新
                   myScroller.addInfinite();
                   //下拉刷新
                   myScroller.addPullToRefresh();
                   myScroller.runCB=true;
                   $.bind(myScroller, 'scrollend', function () {
                    //拖动结束时
                    console.log("待办_拖动结束");
                    });
                   
                   $.bind(myScroller, 'scrollstart', function () {
                    //拖动开始时
                    console.log("待办_拖动开始");
                    });
                   $.bind(myScroller,"scroll",function(position){
                          })
                   $.bind(myScroller, "refresh-trigger", function () {
                      //触发刷新
                      console.log("待办_下拉触发刷新");
                      });
                   var hideClose;
                   $.bind(myScroller, "refresh-release", function () {
                    var that = this;
                    console.log("Refresh release11");
                    clearTimeout(hideClose);
                    hideClose = setTimeout(function () {

                       console.log("hiding manually refresh");
                       // getJsonMain();
                       that.hideRefresh();
                        reloadMain();
                       // getJsonMain();
                       }, 1000);
                    return false; //tells it to not auto-cancel the refresh
                    });
                   
                   $.bind(myScroller, "refresh-cancel", function () {
                          clearTimeout(hideClose);
                          console.log("cancelled");
                          });
                   myScroller.enable();
                   
                   $.bind(myScroller, "infinite-scroll", function () {
                    var self = this;
                    console.log("待办_上拉触发刷新");
                    isLimit();
                    // if(limit==1)
                      $(this.el).append("<div id='infinite' ><h3>上拉获取更多</h3></div>");
                    // else
                    //   $(this.el).append("<div id='infinite' ><h3>无更多内容</h3></div>");
                    
                    $.bind(myScroller, "infinite-scroll-end", function () {
                       $.unbind(myScroller, "infinite-scroll-end");
                       self.scrollToBottom();
                       // setTimeout(function () {
                       //    $(self.el).find("#infinite").remove();
                       //    self.clearInfinite();
                       //    console.log("loadnew");
                       //    getJsonMain();
                       //    self.scrollToBottom();

                       //  }, 1000);
                       });
                    });
                   // 添加滚动条
                   //$("#webslider").css("overflow", "auto");
                   });
                
                
                    </script>
                <ul class="list" id="reportlist" style="font-size:20px; ">
                    <li>a</li>
                    <li>a</li>
                    <li>a</li>
                    <li>a</li>
                    <li>a</li>
                </ul>
            </div>
            


            
		
			<header id="headerReport">
			  <!-- <a id="menubadge" class="menuButton" onclick="af.ui.toggleSideMenu()"></a> -->
			    <h1>工作汇报</h1>
			</header>
			<footer id="footer">
              <a href="#report" class="icon home" id="footerReport">汇报</a>
              
              <a href="#view" class="icon user" id="footerView">查看</a>
          </footer>
          <nav id="Nav">
              <ul class="list">
                
                <li class="divider" id="user11" hidden></li>

                <li><a href="#main" class="icon calendar big">工作汇报</a></li>

                <li class="divider">其他</li>
                <!-- <li><a class="icon user big">退出</a></li> -->
              </ul>
          </nav>
          
        </div>
        
    </div>   
</body>
</html>
